<!DOCTYPE html>

<html class="no-js">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>承租人信息</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- <script src="../cdn/vue/vue.global.min.js"></script> -->
    <script src="https://unpkg.com/vue@next"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <link rel="stylesheet" href="../cdn/element-plus/index.css" />
    <script src="../cdn/element-plus/index.full.min.js"></script>
    <link rel="stylesheet" href="../../lib/index.css" />
    <script src="../../lib/avue.js"></script>
    <!-- <script src="../../lib/avue.min.js"></script> -->
  </head>
  <style></style>
  <body>
    <div id="app">
      <avue-form
        ref="form"
        :option="option"
        v-model="form"
      >
      </avue-form>
    </div>
  </body>
  <script>
    var app = Vue.createApp({
      data() {
        return {
          form: {
            // lessee: [
            //   {
            //     group: {
            //       user: '1'
            //     }
            //   }
            // ],
            // obj: {

            // }
          },
          option: {
            column: [
              {
                type: 'lessee',
                label: '承租人信息',
                prop: 'lessee',
                span: 24,
                groupType: 'lessee',
                dataType: 'array'
              },
              // {
              //   type: 'quotation',
              //   label: '额度报价控件',
              //   prop: 'quotation',
              //   span: 24,
              //   groupType: 'lessee'
              // },
            //   {
            //     type: 'dynamic',
            //     label: '合同信息2',
            //     span: 24,
            //     display: true,
            //     labelPosition: 'top',
            //     labelOperate: true,
            //     labelSlot: [
            //       {
            //         text: '导出'
            //       },
            //       {
            //         text: '导入'
            //       }
            //     ],
            //     children: {
            //       align: 'center',
            //       headerAlign: 'center',
            //       index: false,
            //       addBtn: true,
            //       delBtn: true,
            //       // operate: true,
            //       // type: 'form',
            //       operateBtnList: [
            //         {
            //           text: '查看'
            //         },
            //         {
            //           text: '编辑'
            //         }
            //       ],
            //       column: [
            //         // {
            //         //   type: 'input',
            //         //   label: 'ID',
            //         //   span: 24,
            //         //   // display: false,
            //         //   disabled: true,
            //         //   prop: 'id'
            //         // },
            //         {
            //           type: 'date',
            //           label: '日期',
            //           span: 24,
            //           display: true,
            //           format: 'YYYY-MM-DD',
            //           valueFormat: 'YYYY-MM-DD',
            //           prop: 'startTime',
            //           defaultTime: [
            //             '00:00:00',
            //             '12:59:59'
            //           ]
            //         },
            //         {
            //           type: 'input',
            //           label: '合同编号',
            //           span: 24,
            //           display: true,
            //           prop: 'contractNo'
            //         },
            //         {
            //           type: 'select',
            //           label: '合同管理人',
            //           dicData: [
            //             {
            //               label: '老张',
            //               value: '1'
            //             },
            //             {
            //               label: '老李',
            //               value: '2'
            //             },
            //             {
            //               label: '老郑',
            //               value: '3'
            //             }
            //           ],
            //           cascader: [],
            //           span: 24,
            //           display: true,
            //           props: {
            //             label: 'label',
            //             value: 'value',
            //             desc: 'desc'
            //           },
            //           prop: 'userId'
            //         },
            //         {
            //           type: 'current-input',
            //           label: '合同金额',
            //           span: 24,
            //           display: true,
            //           prop: 'totalMoney'
            //         }
            //       ]
            //     },
            //     prop: 'contractList',
            //     order: 1
            //   },
            // ],
            // group: [
            //   {
            //     label: '分组',
            //     prop: 'input',
            //     arrow: false,
            //     collapse: true,
            //     display: true,
            //     // labelOperate: true,
            //     // labelSlot: [
            //     //   {
            //     //     text: '导出',
            //     //     btnType: 'jump'
            //     //   }
            //     // ],
            //     column: [
            //       {
            //         type: 'input',
            //         label: '单行文本',
            //         span: 6,
            //         display: true,
            //         prop: 'input'
            //       },
            //       {
            //         type: 'select',
            //         label: '合同管理人',
            //         dicData: [
            //           {
            //             label: '老张',
            //             value: '1'
            //           },
            //           {
            //             label: '老李',
            //             value: '2'
            //           },
            //           {
            //             label: '老郑',
            //             value: '3'
            //           }
            //         ],
            //         cascader: [],
            //         span: 6,
            //         // readonly: true,
            //         // disabled: true,
            //         display: true,
            //         props: {
            //           label: 'label',
            //           value: 'value',
            //           desc: 'desc'
            //         },
            //         prop: 'userId'
            //       }
            //     ]
            //   }
            ],
            labelPosition: 'right',
            labelSuffix: '：',
            labelWidth: 120,
            gutter: 0,
            menuBtn: true,
            submitBtn: true,
            submitText: '提交',
            temporaryText: '暂存',
            temporaryBtn: true,
            emptyBtn: true,
            emptyText: '清空',
            menuPosition: 'center'
          },
        };
      },
      created() {
        // this.$axios.post('/micro-order/equipBrand/queryBrands', {}).then(res => {
        //   console.log(res)
        // })
      },
      methods: {
      }, 
    });
    app.config.warnHandler = () => null
    app.use(ElementPlus);
    app.use(AVUE);
    app.mount("#app");
  </script>
</html>
